



        @media(max-width:1200px){
            header nav ul li,
            header nav ul li:nth-last-child(2){
                margin-right:36px;
            }
            header nav ul li:last-child{
                width: 7vw;
            }
        }
        @media(min-width:768px){
            header nav .btn{
                display: none;
            }
            footer p{
                align-items: initial;
            }
        }
        @media(max-width:767px){
            .gap{
                padding: 0px 6%;
            }
            header{
                padding-top: 25px !important;
                height: initial;
            }
            header nav{
                position: relative;
            }
            header nav>a{
                transition:transform .8s 60ms cubic-bezier(.645,.045,.355,1);
            }
            header nav.flip>a{
                transition-delay: 0s;
                transform: translateX(-150%);
            }
            header nav ul{
                position: absolute;
                width: 66px;
                top: 50%;
                transform: translateY(-50%);
                right: -6vw;
                white-space: nowrap;
                overflow: hidden;
                transition: width .8s cubic-bezier(.645,.045,.355,1);
            }
            header nav.flip ul{
                transition-delay: 20ms;
                width: calc(100vw - 53px);
            }
            header nav ul li,
            header nav ul li:nth-last-child(2){
                margin-right:24px;
            }
            header nav ul li{
                transition: transform .8s cubic-bezier(.645,.045,.355,1);
            }
            header nav ul li:last-child{
                position: static;
                top: 0px;
                right: 0px;
                width: initial;
                margin: 0px 15px;
                transform: translateX(0px);
            }
            header nav ul li:last-child a .round{
                width: 40px;
                height: 40px;
            }
            header nav ul li{
                transform: translateX(50%);
            }
            header nav.flip ul li:nth-last-child(2){
                transform: translateX(10%);
            }
            header nav.flip ul li,
            header nav.flip ul li:nth-last-child(2){
                transform: translateX(0%);
            }
            header nav.flip ul li:last-child{
                transform: translateX(55px);
            }
            header nav ul li:last-child a .txt{
                white-space: initial;
            }
            footer p{
                flex-direction: column;
                justify-content: initial;
            }
            footer p span{
                font-size: 12px;
                text-align: center;
                line-height: 1.2;
            }
            footer p span:last-child{
                margin-left: 0px;
                margin-top: 5px;
            }
        }